<template>
  <div class="aside-container">
    <li class="meau-item">
      <router-link to="/homePage/personInfo">个人资料</router-link>
    </li>
    <li class="meau-item">
      <router-link to="/homePage/AccountSet">账号设置</router-link>
    </li>
    <li class="meau-item">
      <router-link to="/homePage/StuAuthentication">信息认证</router-link>
    </li>
    <li class="meau-item">
      <router-link to="/homePage/NoCompletedJobs">未完成兼职</router-link>
    </li>
    <li class="meau-item">
      <router-link to="/homePage/JobsHistory">历史兼职</router-link>
    </li>
  </div>
</template>

<script>
export default {
  name: 'Aside'
}
</script>

<style lang="less" scoped>
.aside-container {
  text-align: center;
  background-color: white;

  li {
    height: 36px;
    line-height: 36px;
    width: 100%;
    list-style: none;
    // text-decoration: none;
  }
  //鼠标悬停背景颜色
  li :hover {
    background-color: #f0f0f5;
    display: block;
  }
  /deep/.meau-item {
    font-size: 14px;

    a {
      color: black;
      text-decoration: none;
    }
    .router-link-active {
      font-size: 14px;
      text-decoration: none;
    }
  }
}
</style>
